/* 小说分享App - CSS变量系统 */

// 基础变量
:root {
  // 主色调
  --primary-color: #ff6b35;
  --secondary-color: #f7931e;

  // 背景色
  --background-dark: #1a1a1a;
  --background-medium: #2d2d2d;
  --background-light: #404040;

  // 文字色
  --text-primary: #ffffff;
  --text-secondary: #b3b3b3;
  --text-muted: #808080;

  // 边框和阴影
  --border-color: #404040;
  --shadow-color: rgba(0, 0, 0, 0.3);

  // 渐变
  --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));

  // 布局
  --border-radius: 12px;
  --border-radius-sm: 8px;
  --border-radius-lg: 16px;

  // 间距
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  // 字体大小
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;

  // 行高
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-loose: 1.8;

  // 过渡动画
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  // 阴影
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);

  // Z-index层级
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
}

// 暗色主题变量（预留）
[data-theme='dark'] {
  --background-dark: #121212;
  --background-medium: #1e1e1e;
  --background-light: #2a2a2a;
}

// 亮色主题变量（预留）
[data-theme='light'] {
  --background-dark: #ffffff;
  --background-medium: #f5f5f5;
  --background-light: #e0e0e0;
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-muted: #999999;
}
